<template>
    <div>

        <el-form :inline="true" class="filter-form-inline" label-position="right" label-width="100px" size="small">
            <el-row style="margin-left: 0px;margin-right:0px;">
                <el-col :span="24">
                    <el-form-item label="跟进业务：" style="width: 100%;">
                        <span>{{datas.followUpType == 1 ? '线索跟进' : '客户跟进'}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="24" v-if="datas.followUpType == 2">
                    <el-form-item label="产品信息：" style="width: 100%;" >
                        {{getProductName(datas)}}
                    </el-form-item>
                </el-col>
                <el-col :span="8" v-if="datas.followUpType == 1">
                    <el-form-item label="线索联系人：" style="width: 100%;" >
                        {{datas.objectName}}
                    </el-form-item>
                </el-col>
                <el-col :span="8" v-else-if="datas.followUpType == 2">
                    <el-form-item label="客户名称：" style="width: 100%;" >
                        {{datas.objectName}}
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="跟进形式：" style="width: 100%;">
                        {{getLabel('visit_form',datas.visitForm)}}
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="跟进职员：" style="width: 100%;">
                        {{datas.headName}}
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="跟进时间：" style="width: 100%;">
                        <span>{{dateFormat('yyyy-mm-dd HH:MM',datas.createdAt)}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="8" v-if="datas.followUpType == 2">
                    <el-form-item label="客户联系人：" style="width: 100%;" >
                        {{datas.contactName}}
                    </el-form-item>
                </el-col>

                <el-col :span="24">
                    <el-form-item label="跟进内容：" style="width: 100%;">
                        {{datas.content}}
                    </el-form-item>
                </el-col>

            </el-row>
        </el-form>

    </div>
</template>

<script>
    import { defineComponent } from 'vue'
    export default defineComponent({
        name: "recordDetail",
        props:{
            datas:{
                type:Object,
                default:{}
            }
        }
    })
</script>

<style scoped>

</style>
